<template>
	<view>
		<view class="success_con u-text-center" v-if="status==1">
			<u-icon class="dis_blo" name="checkmark-circle" color="#00aa00" size="85"></u-icon>
			<text class="dis_inl_blo u-margin-top-20">催缴成功</text>
		</view>
		<view class="success_con u-text-center" v-if="status==0">
			<u-icon class="dis_blo" name="close-circle" color="#ff0000" size="85"></u-icon>
			<text class="dis_inl_blo u-margin-top-20">未缴费</text>
		</view>
		<view style="height:30rpx"></view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">缴费户号</text>
			<text class="u-abso pos_right">A区3号楼202</text>
		</view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">缴费户主</text>
			<text class="u-abso pos_right">木某某</text>
		</view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">缴费类型</text>
			<text class="u-abso pos_right">电费</text>
		</view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">应缴费用</text>
			<text class="u-abso pos_right">￥555</text>
		</view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">欠缴费用</text>
			<text class="u-abso pos_right">￥555</text>
		</view>
		<view class="u-rela intro_con">
			<text class="u-abso pos_left">账单日期</text>
			<text class="u-abso pos_right">2022-5-20</text>
		</view>
		<button type="default" class="btn_con" v-if="status==0">确认已缴</button>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				status:1
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F3F5F7;
	}
	.success_con{
		padding:40rpx 0;
		background-color: #fff;
	}
	.intro_con{
		height:80rpx;
		line-height: 80rpx;
		background-color: #fff;
	}
	.btn_con{
		margin:300rpx auto 0;
		width:95%;
		height:70rpx;
		line-height: 70rpx;
		font-size: 30rpx;
		border-radius: 35rpx;
		background-image: url('https://resourse.cnlhjt.com/upload/20220825/d1aa35c1d129137d9b12c8f34e59c5bc.png');
		background-size: 100% 70rpx;
		color:#fff !important;
	}
</style>

